<template>
  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="percent"
    ><path
      d="M8 11a3.37 3.37 0 0 1-2.475-1.025A3.37 3.37 0 0 1 4.5 7.5q0-1.45 1.025-2.475A3.37 3.37 0 0 1 8 4q1.45 0 2.475 1.025A3.37 3.37 0 0 1 11.5 7.5q0 1.45-1.025 2.475A3.37 3.37 0 0 1 8 11m0-2q.624 0 1.063-.437Q9.5 8.124 9.5 7.5t-.437-1.062A1.45 1.45 0 0 0 8 6q-.625 0-1.062.438A1.45 1.45 0 0 0 6.5 7.5q0 .624.438 1.063Q7.374 9 8 9m9 11a3.37 3.37 0 0 1-2.475-1.025A3.37 3.37 0 0 1 13.5 16.5q0-1.45 1.025-2.475A3.37 3.37 0 0 1 17 13q1.45 0 2.475 1.025A3.37 3.37 0 0 1 20.5 16.5q0 1.45-1.025 2.475A3.37 3.37 0 0 1 17 20m0-2q.625 0 1.063-.437.437-.438.437-1.063t-.437-1.062A1.45 1.45 0 0 0 17 15q-.625 0-1.062.438A1.45 1.45 0 0 0 15.5 16.5q0 .625.438 1.063Q16.375 18 17 18M5.2 19.3a.95.95 0 0 1-.275-.7q0-.425.275-.7L18.4 4.7a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7L6.6 19.3a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
  /></SfIconBase>
</template>
<script lang="ts" setup>
import type { PropType } from 'vue';
import { SfIconBase, SfIconSize } from '@storefront-ui/vue';

defineProps({
  size: {
    type: String as PropType<`${SfIconSize}`>,
    default: SfIconSize.base,
  },
});
</script>
